<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>anchor</title>
    <script>
      /**
       * 该特性已经从 Web 标准中删除
       * anchor(name)方法创建一个 <a> HTML 锚元素，被用作超文本靶标
       * name:一个字符串，表示被创建的标签的 name 属性。
       * 返回值：包含 <a> HTML 元素的一个字符串。
       */

      const string = "hello world";

      const el = string.anchor("n1_anchor");

      console.log(el); // <a name="n1_anchor">hello world</a>

      /**
       * 可以通过 document.anchors来获取页面所有的anchor锚点
       */

      console.log(document.anchors); // HTMLCollection []
      // 由于没有创建的锚点放置的页面上，所以这里是空数组
    </script>
  </head>

  <body></body>
</html>
